@import '../c_themes/theme.scss';
// 活动列表
.activity-card-list {
	display: flex;
	flex-wrap: wrap;
	padding:15rpx;
}

// 活动卡
.activity-card {
		width: 31%;
		margin: 8rpx;
		cursor: pointer;
		position: relative;
	}
	//TODO 改名 行布局-卡
	.row-sort .activity-card {
		width: 100%;
		border-radius: $common-border-radius ;
		cursor: pointer;
		position: relative;
		background-color: $weakest-color;
		padding: 20rpx;
		box-shadow: $post-card-shadow;
		display: flex;
	}
	// 预览图
	.activity-card .preview-img {
		height: 134rpx !important;
		width: 220rpx !important;
	}
		// 行布局-预览图
		.row-sort .preview-img {
			margin-right: 10rpx;
		}
	// 信息栏
	.activity-card .activity-info {
		margin-top: 4rpx;
		width: 220rpx;
	}
		.row-sort .activity-card .activity-info{
			width: 320rpx;
		}
		// 子项
		.activity-card .activity-info view {
			width: 220rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 1.5;
			align-items: center;
		}
			// 行布局-子项
			.row-sort .activity-card .activity-info view {
				width: 320rpx;
			}
		// 状态栏
		.activity-card .station {
			display: none;
		}
			// 行布局-状态栏
			.row-sort .activity-card .station {
				display: flex;
				align-items: center;
			}
		// 名称
		.activity-card.important-activity .activity-info .name {
			color: $important-color;
			line-height: 1.5;
		}
			// 行布局-名称
			.row-sort .activity-card .activity-info .name {
				font-size: $title3-fontSize;
				font-weight: bold;
			}
		// 热度
		.activity-card .activity-info .heat {
			line-height: 1;
			color: $important-color;
			display: none;
		}
			// 行布局-热度
			.row-sort .activity-card .activity-info .heat{
				display: flex;
				font-size: $title2-fontSize;
			}
			// 图标
			.activity-card .activity-info .heat .fontIcon {
				color: $important-color;
				font-size: 30rpx;
			}
			// 行布局-图标
			.activity-card .activity-info .heat .fontIcon {
				font-size: 40rpx;
			}
		// 时间
		.activity-card .activity-info .time {
			display: none;
			font-size: $small-fontSize;
			color: $sub-color ;
		}
			// 行布局-时间
			.row-sort .activity-card .activity-info .time {
				display: flex;
			}